<template>
<div>
  <div class="detail-state" v-if="status">
    <i class="iconfont icon-upcoming"></i>
    <em>{{status}}</em>
  </div>
  <div class="detail-wrap mb30 prog-wrap">
    <p class="custom"><i class="tag">客</i>{{todolist.MedName}}</p>
    <p class="address"><i class="iconfont icon-address"></i>{{todolist.Province | province}} {{todolist.City | city}} {{todolist.District | district }} {{todolist.Address}}</p>
    <div class="displayflex detail-wrap-sale">
      <i class="iconfont icon-salesmen"></i>
      <div class="list-tag"><i class="name">{{todolist.BuyerName}}</i><em class="tag">业务员</em></div>
      <!-- <span class="flex1">{{todolist.LogonUser}}<a :href="'tel://'+todolist.LogonUser" class="iconfont icon-phone org ml10"></a></span> -->
      <span class="flex1">{{todolist.MobileNo}}<a :href="'tel:' +  todolist.MobileNo " class="iconfont icon-phone org ml10"></a></span>
      
    </div>
  </div>
</div>
</template>

<script>
export default {
  props: ['status','id'],
  data () {
    return {
      todolist:[]
    }
  },
  created(){
    this.getDate();
  },
  watch:{
    id(val){
      if(val){
        this.getDate();
      };
    }
  },
  methods:{
    getDate(){
      if(this.id){
        this.todolist = this.id;
      }
      // else if(sessionStorage.item){
      //   this.todolist =JSON.parse(sessionStorage.item);
      // };
    }
  }
}
</script>